<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>批量导入</title>
		<style type="text/css">
			/*页面内容居中*/
			
			form {
				text-align: center;
			}
			/*标题样式*/
			
			.title {
				background: #b6c7dd;
				height: 50px;
				font-size: 20px;
				font-weight: bold;
				line-height: 50px;
				margin-bottom: 100px;
			}
			/*提示信息样式*/
			
			#message {
				color: red;
				font-size: 18px;
				margin-bottom: 50px;
			}
			/*按钮样式*/
			
			.but1, .but2 {
				background: none;
				border-color: #2c8ee3;
				border-bottom-style: solid;
				border-bottom-width: 1px;
				border-radius: 4px;
				color: #2c8ee3;
				cursor: pointer;
				display: inline-block;
				width: 80px;
				height: 35px;
				font-family: "Titillium Web", sans-serif;
				font-size: 14px;
				font-weight: 900;
				margin-bottom: 30px;
				
				
			}
			.but1:hover{
				background: #2c8ee3;
				color: #FFFFFF;
			}
			.but2:hover {
				border: none;
				background: none;
				color: #e3e8ee;
				
			}
		</style>
	</head>
	
	<body>
		<form action="#" enctype="multipart/form-data" method="post">
			<div class="title">本页面需要铂金段位才能查看</div>
			<div id="message">请问你到铂金段位了吗？</div>
			<div>
				<input class="but1" class="file" type="button" value="没有" onclick="javascript:alert('请到铂金段位再来！！！')">
			</div>
			<div>
				<input class="but2" type="button" value="早到了">
			</div>
		</form>
	</body>

</html>